<template>
  <div class="app-container">
    <!-- 顶部标题栏 -->
    <header class="header">
      <div class="header-content">
        <h1>折得加密-txt加密解密工具</h1>
        <el-badge value="v1.0.0" type="info" />
      </div>
    </header>

    <!-- 主要内容区 -->
    <main class="container">
      <FileProcessor />
    </main>

    <!-- 底部信息栏 -->
    <footer class="footer" style="color: #666; background-color: #f8f9fa; padding: 20px 0;">
      <p>折得加密-txt加密解密工具 | 仅支持TXT文件处理</p>
      <p style="margin-top: 6px;">注意：本工具仅用于学习交流，请勿用于处理敏感或重要文件</p>
    </footer>
  </div>
</template>

<script setup>
import FileProcessor from './src/components/FileProcessor.vue';
</script>

<style scoped>
.app-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
</style>